<template>
    <div>
        <h1>
            我的
        </h1>
        <van-row justify="center">
            <van-col span="24">
                <van-image width="100" fit="cover" position="center" height="100" round src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            </van-col>
            <van-button type="primary" size="normal" @click="loginIn()">登录</van-button>

        </van-row>
    </div>
</template>

<script lang="ts">
    import { toRefs, reactive, ref } from 'vue'
    import { useRouter } from 'vue-router'
    export default ({
        name: 'minePage',

        setup() {
            const router = useRouter()
            const onClickLeft = () => history.back();
            const loginIn = () => {
                router.push({
                    path: '/login'
                })
            }
            const data = reactive({})


            return {
                ...toRefs(data),
                onClickLeft,
                loginIn,
                router,
            }
        },

    })
</script>

<style>

</style>